<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12">
      <h2 class="oe_slogan" style="color:#875A7B;">Separate Layouts for Sale Orders</h2>
      <h3 class="oe_slogan">Display the layouts (sections) within Sale Orders they were created for</h3>
    </div>
  </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12">
 	  <div class="alert alert-warning" style="padding:4px;font-weight: 300; font-size: 20px;">
		<p>
		  In Odoo all the layouts are the corresponding sections, which used to group the PDF report data. By default, all such layouts are displayed for every existing Sale Orders and there are no possibility to display a specific one. So it is inconvenient, because some of the layouts may not suit for some set of sale orders.
		</p>
		<p class="oe_mt32">
		  The module eliminates this disadvantage, because allows to use layouts only within Sale Order they created for.
		</p>
	  </div>
	</div>
  </div>
</section>

<section class="oe_container oe_dark">
  <div class="oe_row oe_spaced">
    <h3 class="oe_slogan">How it works</h3>
    <div class="oe_span12">
      <p class="oe_mt32">
	<ul>
          <li>Open menu <em>Sales &rarr; Settings</em></li>
	  <li>Switch <b>Sales Reports Layout</b> to <em>Personalize the sales orders and invoice report with categories, subtotals and page-breaks</em></li>
	  <li>Click <b>Apply</b></li>
	</ul>
	When SO is created, you can add an unique Section, which may be used for this SO only.
      </p>
      <div class="oe_row_img oe_centered">
        <img class="oe_demo oe_picture oe_screenshot" src="so_hidden_section.png"/>
      </div>
    </div>
  </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12 text-center">
      <p class="oe_mt32">
	Set a section as global at <em>Sales &rarr; Configuration &rarr; Report Layout Categories</em> menu to make it available for all sale orders.
      </p>
      <div class="oe_row_img oe_centered">
        <img class="oe_demo oe_picture oe_screenshot" src="global_section.png"/>
      </div>
    </div>
  </div>
</section>

<section class="oe_container oe_dark">
  <div class="oe_row oe_spaced">
    <h3 class="oe_slogan">Note</h3>
    <div class="oe_span12">
      <p>
        Once you create a new sale order, you need to save it after creating new layout (Section), otherwise layout will not be displayed on other order lines.
      </p>
    </div>
  </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span8">
            <h2>Need our service?</h2>
            <p class="oe_mt32">Contact us by <a href="mailto:it@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
            <ul>
                <li><a href="mailto:it@it-projects.info">it@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
                <li><a href="https://www.it-projects.info/page/website.contactus " target="_blank">https://www.it-projects.info/page/website.contactus <i class="fa fa-list-alt"></i></a></li>
            </ul>
        </div>
        <div class="oe_span4">
            <div class="stamp" style="width:200px;">
                <div style="margin-top: 15px;
                            position: relative;
                            font-family:'Vollkorn', serif;
                            font-size: 16px;
                            line-height: 25px;
                            text-transform: uppercase;
                            font-weight: bold;
                            color: #75526b;
                            border: 3px dashed #75526b;
                            float: left;
                            padding: 4px 12px;
                            -webkit-transform: rotate(9deg);
                            -o-transform: rotate(9deg);
                            -moz-transform: rotate(9deg);
                            -ms-transform: rotate(9deg);">
                    Tested on Odoo<br/>10.0 community
                </div>
                <div style="margin-top: 15px;
                            position: relative;
                            font-family:'Vollkorn', serif;
                            font-size: 16px;
                            line-height: 25px;
                            text-transform: uppercase;
                            font-weight: bold;
                            color: #75526b;
                            border: 3px dashed #75526b;
                            float: left;
                            padding: 4px 12px;
                            -webkit-transform: rotate(2deg);
                            -o-transform: rotate(2deg);
                            -moz-transform: rotate(2deg);
                            -ms-transform: rotate(2deg);">
                    Tested on Odoo<br/>10.0 enterprise
                </div>
            </div>
        </div>
    </div>
</section>
